<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

</head>
<body>
	 
	<div class="divRoomMonitor rmStatus1" >
		<table>
				<tr>
					<td class="showRoomNoStatus">
						<table class="rMTbl" style="width: 100%;height: 100%;">
							<tr>
								<td class="rmTblTd rmTdNo">房号105</td>
								<td class="rmTblTd rmStatus5">状态干净</td>
								<td class="rmTblTd" style="background-color: rgb(172, 206, 34);">占用无人</td>
							</tr>
						</table>
					</td>
					
				</tr>
				<tr>
					<td width="180px" height="60px;">
						<table style="background-color: black;width: 100%;height: 100%;">
							<tr>
								<td style="color: white;font-size: 30px;">
									24&#8451;
								</td>
								<td>
									<img alt="" src="static/hotel/images/1-1.png" width="20">
								</td>
								<td>
									<img alt="" src="static/hotel/images/doorClose.png" width="35">
								</td>
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td width="180px" height="60px;">
						<table class="" style="background-color:  rgb(98,195, 208);width: 100%;height: 100%;">
							<tr>
								<td colspan="2" class="rmTblCTd">
									顾客请求
								</td>
								<td class="rmTblCTd rmTblOpTd">
									出租
								</td>
								<td class="rmTblCTd rmTblOpAlarm">
									报警
								</td>
								<td class="rmTblCTd rmTblOpTd">
									退房
								</td>
							</tr>
							<tr>
								<td class="rmTblCTd rmTblOpTd">
									送餐
								</td>
								<td class="rmTblCTd rmTblOpTd">
									洗衣
								</td>
								<td class="rmTblCTd rmTblOpTd">
									行李
								</td>
								<td class="rmTblCTd rmTblOpTd">
									勿扰
								</td>
								<td class="rmTblCTd rmTblOpTd">
									清扫
								</td>
							</tr>
						</table>
					</td>
				</tr>
		</table>
	</div>
	<style>
	 .divRoomMonitor {
	 	text-align: center;
	 	width:185px; 
	 	height: 180px;
	 	background-color: rgb(172, 206, 34)
	 }
	 .showRoomNoStatus {
	 	width:180px;
	 	height:40px;
	 }
	 .rmTblTd {
/* 	 	font-weight:bold; */
	 	border:1px solid rgb(202, 231, 244);
	 	text-align: center;
	 }
	 .rmTblCTd {
/* 	 	font-weight:bold; */
	 	text-align: center;
	 }
	 .rmTdNo {
	 	background-color: rgb(0,160, 233);
	 }
	 .rmTblOpTd {
	 	background-color:  rgb(202,202, 202);
	 }
	 .rmTblOpAlarm {
	 	background-color:  red;
	 }
/* 	 脏房  */
	 .rmStatus1 {
	 	background-color: rgb(137,118, 91);
	 }
/* 	 入住 */
	 .rmStatus2 {
	 	background-color: rgb(205,129, 0);
	 }
/* 	 故障 */
	 .rmStatus3 {
	 	background-color: rgb(230,33, 41);
	 }
/* 	 空房 */
	 .rmStatus4 {
	 	background-color: rgb(172,206, 34);
	 }
/* 	 预退 */
	 .rmStatus5 {
	 	background-color: rgb(253,209, 0);
	 }
/* 	 预约 */
	 .rmStatus6 {
	 	background-color: rgb(255,245, 130);
	 }
/* 	 维修中 */
	 .rmStatus7 {
	 	background-color: rgb(240,133, 25);
	 }
/* 	 清扫中 */
	 .rmStatus8 {
	 	background-color: rgb(160,217, 246);
	 }
	</style>
</body>
</html>